<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 200px;
      height: 200px;
      /*border: 3px  double  orange;!*  四个边框同样的样式*!*/
      border-left: 1px solid red;
      border-top: 2px dashed yellowgreen ;
      border-right: 3px dotted orange;
      border-bottom: 4px solid  green;
    }
  </style>
</head>
<body>

<!--

    border: 1px solid orange;
    1px  线宽
    solid  线型  实线  dotted: 定义一个点线边框  dashed: 定义一个虚线边框  double: 定义两个边框。 两个边框的宽度和 border-width 的值相同
    orange  边框颜色
-->
<div>
  盒模型边框
</div>
</body>
</html>